*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}

/*public*/
.pubTit{ width:1200px; text-align:center; padding-top:35px; margin-bottom:30px;}

/*top*/
.top{ width:100%; height:30px; background:#212121; line-height:30px;}
.pubCon{ width:1200px; margin:0 auto;}
.top b{font-size:14px; color:#fff; float:left; font-weight:100;}
.top h1{font-size:14px; color:#fff;font-weight:100; display:inline-block;}
.top p{ font-size:14px; float:right; color:#fff;}
.top p a{ color:#fff;}


/*banner*/
.Ban{ width:100%; height:750px; position:relative; }
.logo{ margin-top:8px; float:left; margin-bottom:8px; z-index:999; position:relative;}
.tel{ width:255px; float:right; margin-top:18px;z-index:999; position:relative;}
.tel img{ float:left;margin-right:10px;}
.tel p{ font-size:16px; color:#212121;}
.tel b{ font-size:26px;}

.nav{ width:100%; background:#2058a3; height:48px; line-height:48px; z-index:999; position:relative;}
.navCon{ width:1200px; height:60px; margin:0 auto; } 
.navCon ul li{ width:150px; height:48px; float:left; font-size:16px; text-align:center; position:relative; transition:0.5s;}
.navCon ul li a{ color:#fff; display:block; width:150px; height:60px; transition:0.5s;}
.navCon ul li:hover a{ background:url(../images/navbj.png) no-repeat center top;position:absolute; top:-6px; line-height:60px;}


.banner{ height:750px; width:100%; position:absolute;top:0px; overflow:hidden; z-index:1; }
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}
.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#f9b200;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/

/*case*/
.case{ width:1200px; margin:0 auto 30px;}
.pubTit h3{ font-size:24px; color:#212121; background:url(../images/titlebj.png) no-repeat center;}
.pubTit p{ font-size:14px; color:#666;}

#marquee1{ width:1200px;height:250px;overflow:hidden;}
#marquee1 ul{}
#marquee1 ul li{ width:270px; float:left; margin-right:20px; }
#marquee1 ul li .propic{ width:270px; height:210px; border:1px solid #ccc; overflow:hidden;}
#marquee1 ul li .propic img{ width:100%; height:210px; display:block; transition:0.5s; }
#marquee1 ul li:hover .propic img{ transform:scale(1.1);}
#marquee1 ul li h4{ display:block; font-size:14px; color:#fff; width:272px; height:40px; line-height:40px; background:#2058a3; text-align:center; font-weight:100;}

/*product*/
.product{ width:100%; height:837px; background:url(../images/probj.jpg) no-repeat center;}
.proShow{ width:1200px; overflow:hidden;}
.proLeft{ width:260px; height:693px; background:#2058a3; float:left;}
.proLeft .fenleiTit{ width:260px; height:80px; border-bottom:1px solid #ddd; }
.proLeft .fenleiTit h3{ font-size:36px;color:#fff; line-height:80px; margin-left:20px;background:url(../images/fenleitit.png) no-repeat left center; padding-left:60px;}


.proLeft .proNav li{ width:260px; height:46px; border-bottom:1px dashed #6b90c2;}
.proLeft .proNav li a{ font-size:16px; display:block; color:#fff;}
.proLeft .proNav li p{  background:url(../images/fenleibj.png) no-repeat left center; padding-left:40px; line-height:46px; margin-left:10px; transition:0.5s;}
.proLeft .proNav li:hover p{ background:url(../images/feileibjhover.png) no-repeat left center; color:#f9b200; margin-left:25px;}

#marquee4{ width:900px; float:right; height:690px; overflow:hidden;}
.proList li{ width:280px; margin-right:15px; float:left;}
.proList li:nth-child{ margin-right:0px;} 

.proTu{ width:280px; height:200px; overflow:hidden;}
.proTu img{ width:100%; height:200px;display:block; transition:0.5s;}
.proTu:hover img{ transform:scale(1.1);}
.proList h4{width: font-size:16px; fonr-size:16px; text-align:center; line-height:35px; font-weight:100;}
.proList li:hover h4{ color:#2058a3;}
.proList a{ color:#212121;}

/*tonglan*/
.tonglan{ width:100%; height:120px; background:url(../images/tonglantit.jpg) no-repeat center;}
.tonglanlogo{ margin-left:100px; padding-top:37px;}
.tonglanlogo  img{ float:left;}
.tonglanlogo h3{ float:left; font-size:36px; margin-left:30px;}
.tlTel{ float:right; width:270px; }
.tlTel .telpic{ float:left; margin-right:10px;}
.tlTel p{ font-size:16px; color:#212121;} 
.tlTel b{ font-size:26px; color:#212121;}

/*about*/
.about{ width:100%; height:436px; background:url(../images/aboutbj.jpg) no-repeat center; overflow:hidden;}
.about .aboutLeft{ width:720px; float:left;}
.about .aboutLeft .pubTit{ width:720px;}
.about .aboutLeft .pubTit p{ color:#212121;}
.about .aboutLeft .proText{ font-size:16px; color:#fff; line-height:1.85em; text-indent:2em; text-align:justify;}
.abMore{ width:150px; height:35px; border:1px solid #f9b200; text-align:center; line-height:35px; margin:30px 285px; transition:0.5s;} 
.abMore a{ color:#f9b200; }
.abMore:hover{ background:#f9b200;}
.abMore:hover a { color:#fff;}

.aboutRight{ float:right; margin-top:37px;}


/*news*/
.news{ width:1200px; margin:0 auto; overflow:hidden;}
.news .newsLeft{ width:600px; height:245px; float:left;}
.example {
	width: 345px;
	height: 245px;
	font-size: 40px;
	text-align: center;
	background-color: #464576;
	float:left;
			}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}
.newsContact{ float:right; width:225px; margin-top:40px;}
.newsContact h1{ font-size:20px; margin-bottom:15px;}
.newsContact p{ font-size:14px; color:#333; line-height:40px;}

.newsRight{ width:550px; float:right;}
.newsRight ul li{width:550px; border-bottom:1px dashed #ddd; height:70px; padding-bottom:8px; margin-bottom:8px;}
.newsRight ul li .date{ width:70px; height:70px; border:1px solid #2058a3;  font-size:20px; font-weight:600; text-align:center; line-height:70px; float:left; transition:0.5s;}
.newsRight ul li a{ color:#2058a3;}
.newsRight ul li .newsT{ width:460px;float:right;}
.newsRight .newsT h4 { font-size:16px; line-height:30px; color:#333;transition:0.5s;}
.newsRight .newsT p{ font-size:14px; color:#666;}

.newsRight ul li:hover .date{ background:#2058a3;}
.newsRight ul li:hover a { color:#fff;}
.newsRight ul li:hover h4{ color:#2058a3;}

.newsbottom{ width:1200px; height:100px; margin-top:10px; overflow:hidden;}
.newsbottom ul{ width:1000px; height:85px;  padding-left:100px;}
.newsbottom ul li{width:250px; height:85px;float:left; text-align:center; }
.newsbottom ul li:nth-child(1){ background:url(../images/icon1.png) no-repeat center top; padding-top:70px; transition:0.5s;}
.newsbottom ul li:nth-child(1):hover{ background:url(../images/iconhover1.png) no-repeat center top; padding-top:70px;}
.newsbottom ul li p{ font-size:16px;color:#212121; transition:0.5s;}
.newsbottom ul li:hover p{color:#f9b200;}

.newsbottom ul li:nth-child(2){ background:url(../images/icon2.png) no-repeat center top; padding-top:70px; transition:0.5s;}
.newsbottom ul li:nth-child(2):hover{ background:url(../images/iconhover2.png) no-repeat center top; padding-top:70px;}

.newsbottom ul li:nth-child(3){ background:url(../images/icon3.png) no-repeat center top; padding-top:70px; transition:0.5s;}
.newsbottom ul li:nth-child(3):hover{ background:url(../images/iconhover3.png) no-repeat center top; padding-top:70px;}

.newsbottom ul li:nth-child(4){ background:url(../images/icon4.png) no-repeat center top; padding-top:70px; transition:0.5s;}
.newsbottom ul li:nth-child(4):hover{ background:url(../images/iconhover4.png) no-repeat center top; padding-top:70px;}

.newsMore{ width:150px; height:35px; border:1px solid #212121; text-align:center; line-height:35px; margin:30px 525px; transition:0.5s;}
.newsMore a{ color:#212121; }
.newsMore:hover{ background:#2058a3;border:1px solid #2058a3;}
.newsMore:hover a{ color:#fff;}

/*footer*/
.footer{ width:100%; height:285px; background:#212121; overflow:hidden;}
.footer .footerNav {width:100%; height:60px; background:url(../images/fNavbj.png) no-repeat center;}
.footer .footerNav ul { width:1000px; margin-left:100px;}
.footer .footerNav ul li{ width:125px;  float:left; line-height:60px; }
.footer .footerNav ul li a{ color:#212121; }
.footer .footerNav ul li:hover a{ color:#2058a3;}

.footerLeft{ width:335px; float:left;}
.footerLeft .flogo{ margin-top:25px; margin-bottom:25px;}
.footerLeft .ewm{ ma rgin-left:80px; width:335px;}
.footerLeft .ewm1{ margin-right:5px; width:160px; float:left;}
.footerLeft .ewm img{ float:left; margin-right:10px;}
.footerLeft .ewm p{ padding-top:20px; color:#fff; font-size:14px;} 

.footerMid{ width:510px; float:left; border-left:1px solid #999;border-right:1px solid #999; margin-left:40px; margin-top:30px;}
.footerMid ul { overflow:hidden; margin-left:15px;}
.footerMid ul li{ width:150px; font-size:14px; float:left; text-align:left; line-height:35px; padding-left:10px; }
.footerMid ul li a{ color:#ccc; transition:0.3s;}
.footerMid ul li:hover a{ color:#fff;}

.footerRight{ width:260px;float:right;}
.footerRight .frCon{ margin-top:25px;}
.footerRight .frCon p{ line-height:31px; color:#fff; font-size:14px; }
.footerRight .frCon i{ margin-right:10px;}

.copyright{ width:100%; height:30px; background:#000; color:#fff; font-size:14px; text-align:center; line-height:30px;}
.copyright a{ color:#fff;}



/**********************************************************内页样式***********************************************************/
.neitop{ overflow:hidden;}
.pubneiTit{ width:270px; height:131px; background:url(../images/abtitbj.png) no-repeat center; float:left; line-height:110px; text-align:center;}
.pubneiTit h3{font-size:30px; width:240px; color:#fff; text-align:center; margin-left:30px;}
.address{ width:890px; float:right; margin-top:73px; background:url(../images/weizhixian.png) no-repeat center bottom; padding-bottom:20px; font-size:14px;}
.address a{ color:#666;}
.address i{ margin:0px 10px;}
.address a:hover{ color:#0c80de;}

/*about内页*/
.aboutCon{ width:1200px; margin:50px auto;}
.aboutCon p{ padding:0px 50px; text-indent:2em; line-height:2em; margin-bottom:15px;}


/*product内页*/
.proCon{ width:1200px; margin-top:30px; min-height:500px; ove rflow:hidden; margin-bottom:30px;}

.proNeinav{ width:1200px; overflow:hidden;}
.proNeinav ul li{ width:220px; height:50px; background:#2058a3; border-radius:25px;  line-height:50px; float:left; margin-right:25px; margin-bottom:15px; position:relative;}
.proNeinav ul li:nth-child(5n){ margin-right:0px;}
.proNeinav ul li a{ color:#fff;}
.proNeinav ul li b{ position:absolute; width:50px; height:50px; border-radius:25px; background:#4daefa; font-size:20px; font-weight:100; transition:1s; text-align:center;}
.proNeinav ul li p{transition:1s; margin-left:70px; }
.proNeinav ul li:hover p{ margin-left:15px;}
.proNeinav ul li:hover b{ margin-left:170px;}

.proRight{ width:1200px; margin-top:30px; overflow:hidden; margin-bottom:30px;}
.proRight ul li{ float:left; margin-right:25px; margin-bottom:15px; }
.proRight ul li:nth-child(4n){ margin-right:0px;}
.proRight ul li h4{width: font-size:16px; fonr-size:16px; text-align:center; line-height:35px; font-weight:100;}
.proRight ul li a{ color:#212121;}
.proRight ul li:hover a{ color:#2058a3;}

.page { margin-top:20px; width:1200px; text-align:center;}
.page a{ color:#333; width:50px; text-align:center; display:inline-block; border:1px solid #ccc; margin-right:10px; transition:0.3s;}
.page a:hover{ color:#fff; background:#2058a3; border-color:#2058a3;}

.proNeiCon{ margin-top:30px;}
.proNeiCon .proneiPic{width:500px; height:auto; float:left; margin-left:50px;}
.proNeiCon .proneiPic img{ width:100%; height:auto;}
.proNeiCon .proneiText{ width:500px; float:right; margin-right:50px;}
.proNeiCon .proneiText h4{ font-size:28px; width:500px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:30px; color:#2058a3; display:block;}
.proNeiCon .proneiText p{ line-height:40px;}
.proNeiCon .proneiText b{ line-height:40px; font-size:18px; }
.proNeiCon .proneiText b span{ font-size:30px; color:#2058a3; letter-spacing:2px;}

.proNeiCon .fbdate{ font-size:14px; color:#666;}
.pian{ margin-top:30px;}
.pian p{ font-size:14px; color:#666; line-height:30px;}
.pian a{ color:#666;}
.pian a:hover{ color:#2058a3;}

/*新闻列表*/
.newslist{ margin-top:20px; margin-bottom:30px; overflow:hidden;}
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:20px 0px 20px;}
.newslist li a{ color:#666;}
.newsDate{ width:100px; height:100px; background:#eee; text-align:center; float:left; transition:0.5s;}
.newsDate p{font-size:24px; line-height:100px;  }
.newslist .newstext{ width:990px; float:left; margin-left:50px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:5px 0px 15px; transition:0.5s;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; }

.newslist li:hover .newsDate{ background:#2058a3;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#2058a3;}

.newsneiCon{ width:1200px; margin:30px 0px;}
.newsneiCon h3{ text-align:center; line-height:50px;}
.newsneiCon .fbdate{ text-align:center; line-height:30px; margin-bottom:20px;}
.productText img{ margin-top:20px; margin-bottom:20px;}


/*联系我们*/
.aboutCon .contacttext{ width:450px; font-weight:600; font-size:16px; line-height:38px;}
/*#dituContent{ width:530px; float:right; margin-bottom:40px; margin-right:50px;}*/
.contacttext img{ margin-right:10px;}
.contactpic{ float:right;}